
/*公共样式*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}


/*头部*/	

.header-top{
	background: #272727;
	overflow: hidden;
	border-bottom:1px solid white ;
}
.header-a{
	width: 1243px !important;
	margin: auto;
	overflow: hidden;

}
.header-d{
	float: left;
	padding-top: 7px;
	padding-bottom: 9px;
}
.header-d a{
	color: #999999;
	font-size: 12px;
	font-family: "微软雅黑";

}
.header-d span{
	color: #424242;
	font-size: 14px;
	padding: 0 6px;
}
.header-d a:hover{
	color: #00eef3;
	text-decoration: none;
}
.header-c{
	float: right;
	color: #b0b0b0;
    background: #424242;
	padding: 10px 15px;
	font-size: 13px;
}
.header-c:hover{
	color: #00EEF3;
}
.header-c i{
	display: inline-block;
	width:21px ;
	height:14px ;
	background: url(../img/首页_03.png);
	background-position:0px 0px ;
	position: relative;
	top: 2px;
	left:0px;
}
.header-e{
	float: right;
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left:15px;
	padding-right:15px;
}
.header-e a{
	color: #999;
	font-size: 12px;
}
.header-e span{
	color:#424242;
	font-size: 14px;
	padding: 0 8px;
}
.header-e a:hover{
	color: #00eef3;
	text-decoration: none;
}
.header-e a:hover{
	color: #00EEF3;
	
}
.ttbb{
	width: 100%;
	background: #141414;
}
.bg-light1{
	background: #141414 !important;
	padding: 15px 0px !important;
	width: 1246px;
	margin: auto;
}
.navbar-brand{
	margin-right: 0 !important;
}
.navbar-expand-lg .navbar-nav .nav-link{
	padding-left: 0 !important;
}

.butto{
	width: 50px;
	height: 38px;
	border: 1px solid #373737;
	border-left: 0;
	background: #000;
	transition: 1s;
	
}
.butto i{
	font-size: 25px;
	color: #B0B0AA;
	transition: 1s;
}
.butto i:hover{
	color: #000;
}
.butto:hover{
	background: #00eef3;
}

.inp{
	width: 300px;
	height: 38px;
	border: 1px solid #373737;
	border-right:0;
	background: #141414;
	outline: none;
	border-radius:0 ;
	padding-left: 10px;
	transition: 1s;
	
}
.bg-light1{
	position: relative;
}
.form1{
	position: absolute;
	top: 0;
	right: 0;
}
.inp{
	color: #00eef3;
}
.inp:hover{
	color: #00eef3;
}

.from1:hover input{
	border: 1px solid #00eef3;
	border-right:0 ;
	transition: 1s;
}
.from1:hover button{
	border: 1px solid #00eef3;
	border-left:0 ;
	background: #00eef3;
	color: 000;
	transition: 1s;
}
.from1:hover button i{
	transition: 1s;
	color: #000;
}
#navbarSupportedContent{
	position: relative;
}
.pro{
	position: absolute;
	top: 34px;
	right: 65px;
	overflow: hidden;
}
.pro a{
	float: left;
	font-size: 13px;
	color: #B0B0B0;
	padding: 0px 2px;
	background: #373737;
	transition: 1s;
}
.pro a:nth-child(2){
	margin: 0 10px;
}
.pro a:hover{
	text-decoration: none;
	color: #141414;
	background: #00eef3;
}

/*分类*/
.classification{
	background: #141414;
	border-bottom:1px solid #00eef3 ;
}
.classification-a{
	width: 1243px !important;
	margin: auto;
	overflow: hidden;
}
.classification-b{
	/*padding-top: 10px;*/
	padding-bottom: 15px;
	float: left;
	
}
.classification-b span{
	color: #141414;
	background: #00eef3;
	padding-top: 10px;
	padding-bottom: 9px;
	padding-left:25px ;
	padding-right:150px ;
	font-size: 14px;
	position: absolute;

}
.classification-b i{
	display: inline-block;
	width:17px ;
	height:8px ;
	background: url(../img/2.png);
	background-position:0px 0px ;
	position: relative;
	top: 9px;
	left:190px;
}
.classification-c{
	float: right;
}
.cpu{
	overflow: hidden;
	margin-bottom: 0 !important;

}
.cpu li{
	float: left;
	margin-right: 30px;
	line-height: 39px;
}
.cpu li a{
	color:#999;
	font-size: 18px;
}
.cpu li a:hover{
	text-decoration: none;
	color: #00eef3;
}

body{
	position: relative;
}

.translate{
	width: 100%;
	background: #fff;
	text-align: center;
	transition: 0.8s;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 196px;
	left: 0;
	z-index: 11111111111;
}
.translate ul{
	overflow: hidden;
	margin-bottom: 0 !important;
	
}
.translate ul li:first-child{
	margin-left: 0;
}
.translate ul li{
	float: left;
	margin-left: 72px;
}
.translate ul li img{
	width: 120px;
	height: 120px;
	padding-bottom: 20px;
}
.translate ul li p{
	font-size: 13px;
	margin-bottom: 5px !important;
}
.translate ul li span{
	color: #00eef3;
}



  .swiper-slide {
        background-position: 50% 0px!important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        
    }


    .swiper-container {
        width: 100%;
        height: 460px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-pagination-bullet{
		    width: 20px !important;
		    height: 8px !important;
		    display: inline-block;
		    background: #000;
		    border-radius:0 !important;
		    opacity: .2;
	}
	
	.xiangdui{
		width: 1244px;
		height: 0px;
		background: red;
		margin: auto;
		position: relative;
	}
	.shadow-one{
		width: 231px;
		text-align: left;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 20000;
	}
	.shadow-one ul li{
		padding: 13.5px 0;
		background: #000;
		opacity: .7;
		
	}

	.shadow-one ul li a{
		margin-left: 23px;
		color: #fff;
	}
	.shadow-one ul li i{
		color: #fff;
		font-weight: 500;
		float: right;
		margin-right: 25px;
	}
	.shadow-one ul li:hover{
		text-decoration: none;
		opacity: 1;
		background: #00eef3;
	}
	.shadow-one ul li:hover a{
		color: #000;
		text-decoration: none;
	}
	.shadow-one ul li:hover i{
		color: #000;
	}
	.xiangdui{
		position: relative;
	}
	.mian{
		width: 800px;
		overflow: hidden;
		background: #fff;
		position: absolute;
		left: 232px;
		top:0px;
		z-index: 999;
		display: none;
	}
	
	.mian-a{
		width: 71%;
		float: left;
		padding: 10px 20px;
		
	}
	.mian-b{
		width: 29%;
		/*height: 455px;*/
		float: right;
	}
	.ycb1 li:first-child{
		margin-top: 14px;
	}
	.bktj li img{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	
	.bktj{
		overflow: hidden;
		margin-bottom: 0 !important;
	}
	.bktj h5{
		font-size: 20px;
		cursor: pointer;
	}
	.bktj h5 i{
		float: right;
	}
	.bktj li{
		float: left;
		margin-right: 40px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.bktj li:nth-child(5){
		margin-left: 32px;
	}
	.bktj li:nth-child(7){
		margin-left: 32px;
		margin-right: 30px !important;
	}
	.bktj li:nth-child(9){
		margin-left: 16px;
		margin-right: 30px !important;
	}
	.bktj:last-child{
		margin-top:26px;
	}
	.bktj li:hover{
		color: #00EEF3;
	}
	
	
	
	
	.xiangdui{
		position: relative;
	}
	.mian-1{
		width: 800px;
		overflow: hidden;
		background: #fff;
		position: absolute;
		left: 232px;
		top:0px;
		z-index: 999;
		display: none;
	}
	
	.mian-a-1{
		width: 71%;
		float: left;
		padding: 10px 20px;
		
	}
	.mian-b-1{
		width: 29%;
		/*height: 455px;*/
		float: right;
	}
	.ycb1-1 li:first-child{
		margin-top: 14px;
	}
	.bktj-1 li img{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	
	.bktj-1{
		overflow: hidden;
		margin-bottom: 15px !important;
		
	}
	.bktj-1 h5{
		font-size: 20px;
	}
	.bktj-1 h6{
		cursor: pointer;
	}
	.bktj-1 h6 i{
		float: right;
		cursor: pointer;
	}
	.bktj-1 li{
		float: left;
		margin-right: 40px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.bktj-1 li:nth-child(5){
		margin-left: 32px;
	}
	.bktj-1 li:nth-child(7){
		margin-left: 32px;
		margin-right: 30px !important;
	}
	.bktj-1 li:nth-child(9){
		margin-left: 16px;
		margin-right: 30px !important;
	}
	.bktj-1:last-child{
		margin-top:26px;
	}
	.bktj-1 li:hover{
		color: #00EEF3;
	}
	
	
	/*鼠标键盘*/
	
	.xiangdui{
		position: relative;
	}
	.mian-2{
		width: 800px;
		overflow: hidden;
		background: #fff;
		position: absolute;
		left: 232px;
		top:0px;
		z-index: 999;
		display: none;
	}
	
	.mian-a-2{
		width: 71%;
		float: left;
		padding: 10px 20px;
		
	}
	.mian-b-2{
		width: 29%;
		/*height: 455px;*/
		float: right;
	}
	.ycb1-2 li:first-child{
		margin-top: 14px;
	}
	.bktj-2 li img{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	
	.bktj-2{
		overflow: hidden;
		margin-bottom: 15px !important;
		cursor: pointer;
		
	}
	.bktj-2 h5{
		font-size: 20px;
	}
	.bktj-1 h6{
		cursor: pointer;
	}
	.bktj-2 h6 i{
		float: right;
	}
	.bktj-2 li{
		float: left;
		margin-right: 40px;
		margin-bottom: 10px;
	}
	.bktj-2 li:nth-child(5){
		margin-left: 32px;
	}
	.bktj-2 li:nth-child(7){
		margin-left: 32px;
		margin-right: 30px !important;
	}
	.bktj-2 li:nth-child(9){
		margin-left: 16px;
		margin-right: 30px !important;
	}
	.bktj-2:last-child{
		margin-top:26px;
	}
	.bktj-2 li:hover{
		color: #00EEF3;
	}
	
	
	
	/*背包*/
	.xiangdui{
		position: relative;
	}
	.mian-3{
		width: 550px;
		overflow: hidden;
		background: #fff;
		position: absolute;
		left: 232px;
		top:0px;
		z-index: 999;
		display: none;
	}
	
	.mian-a-3{
		width: 100%;
		float: left;
		padding: 10px 20px;
		
	}
	
	.ycb1-3 li:first-child{
		margin-top: 14px;
	}
	.bktj-3 li img{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	
	.bktj-3{
		overflow: hidden;
		margin-bottom: 15px !important;
		cursor: pointer;
	}
	.bktj-3 h5{
		font-size: 20px;
	}
	.bktj-1 h6{
		cursor: pointer;
	}
	.bktj-3 h6 i{
		float: right;
	}
	.bktj-3 li{
		float: left;
		margin-right: 40px;
		margin-bottom: 10px;
	}
	.bktj-3 li:nth-child(5){
		margin-left: 16px;
	}
	.bktj-3 li:nth-child(7){
		margin-left: 32px;
		margin-right: 30px !important;
	}
	.bktj-3 li:nth-child(9){
		margin-left: 16px;
		margin-right: 30px !important;
	}
	.bktj-3:last-child{
		margin-top:26px;
	}
	.bktj-3 li:hover{
		color: #00EEF3;
	}
	
	.bktj-3{
		padding-bottom:272px ;
	}
	
	
	/*20显卡专区*/
	.xiangdui{
		position: relative;
	}
	.mian-4{
		width: 550px;
		overflow: hidden;
		background: #fff;
		position: absolute;
		left: 232px;
		top:0px;
		z-index: 999;
		display: none;
	}
	
	.mian-a-4{
		width: 100%;
		float: left;
		padding: 10px 20px;
		
	}
	
	.ycb1-4 li:first-child{
		margin-top: 14px;
	}
	.bktj-4 li img{
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	
	.bktj-4{
		overflow: hidden;
		margin-bottom: 15px !important;
		
	}
	.bktj-4 h5{
		font-size: 20px;
	}
	.bktj-1 h6{
		cursor: pointer;
	}
	.bktj-4 h6 i{
		float: right;
	}
	.bktj-4 li{
		float: left;
		margin-right: 40px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	.bktj-4 li:nth-child(2){
		margin-right: 77px;
	}
	.bktj-4 li:nth-child(3){
		margin-right: 0px;
	}
	.bktj-4 li:nth-child(4){
		margin-right: 20px;
	}
	.bktj-4 li:nth-child(5){
		margin-left: 16px;
	}
	.bktj-4 li:nth-child(7){
		margin-left: 20px;
		margin-right: 30px !important;
	}
	.bktj-4 li:nth-child(9){
		margin-left: 37px;
		margin-right: 30px !important;
	}
	.bktj-4:last-child{
		margin-top:26px;
	}
	.bktj-4 li:hover{
		color: #00EEF3;
	}
	
	.bktj-4{
		padding-bottom:172px ;
	}
	
	
	
	/*新闻*/
	
	.journalism{
		width: 100%;
		margin-top: 15px;
	}
	.journalism-top{
		width: 1243px;
		margin: auto;
	}
	
	.journalism-a{
		width: 234px;
		overflow: hidden;
		text-align: center;
		background: #00EEF3;
		padding: 12.8px 22px ;
	}
	.journalism-a ul li{
		float: left;
		padding: 10px 23px;
	}
	.journalism-a ul li a{
		color: #000;
		
	}
	.journalism-a ul li:first-child{
		border-right: 1px solid #000;
	}
	/*.journalism-a ul li:nth-child(2){
		border-left: 1px solid #000;
	}*/
	.journalism-a ul li:nth-child(3){
		border-top: 1px solid #000;
		border-right:1px solid #000 ;
	}
	.journalism-a ul li:last-child{
		border-top: 1px solid #000;
	}
	.journalism-a ul li a img{
		margin-bottom: 10px;
	}
	.journalism-a p{
		font-size: 12px;
		margin-bottom: 0 !important;
	}
	.journalism-a ul li a:hover{
		text-decoration: none;
		color: #000;
	}
	.journalism-top{
		overflow: hidden;
	}
	.journalism-a{
		float: left;
	}
	.journalism-b{
		float: left;
		margin-left: 18px;
		overflow: hidden;
	}
	.journalism-b img{
		margin-right: 16px;
		float: left;
	}
	.journalism-c{
		float: left;
		background: #333;
		padding: 4px 15px 4px 15px;
	}
	.journalism-c ul li span{
		font-size: 12px !important;
		color: #00EEF3;
	}
	.journalism-c ul li a{
		color: #fff;
		font-size: 12px !important;
	}
	.journalism-c ul li a:hover{
		text-decoration: none;
		color: #00EEF3;
	}
	.lskb{
		margin-left: 4px;
		color: #00EEF3;
	}
	.lskb a{
		color: #fff;
		font-size: 13px;
		float: right;
	}
	
	.lskb a:hover{
		text-decoration: none;
		color: #00EEF3;
	}
	
	/*每日秒杀*/
	
	.spike{
		width: 100%;
		margin-top: 30px;
		margin-bottom: 80px;
	}
	.spike-top{
		width: 1243px;
		margin: auto;
	}
	.ms{
		font-size: 23px;
		margin-bottom: 20px;
	}
	
	
	.aisf{
		text-align: center;
		overflow: hidden;
	}
	.aisf li img{
		width: 160px;
		height: 160px;
	}
	.aisf li{
		float: left;
	}
	.aisf li p a{
		font-size: 14px;
		color: #666;
	}
	.aisf li p{
		font-size: 13px;
	}
	.aisf li a:hover{
		text-decoration: none;
		color: #00EEF3;
	}
	.zhyga{
		font-size: 14px;
		color: red;
	}
	.zhyga span{
		padding: 0 10px;
	}
	.yj{
		color: #666;
	}
	.aisf li:first-child{
		margin-left: 0;
		border-top:1px solid #B9000F ;
		background: #f1eded;
	}
	.aisf li{
		margin-right: 55px;
	}
	.aisf li:last-child{
		margin-right: 0;
		border-top:1px solid #e53935 ;
	}
	.aisf li:nth-child(2){
		border-top:1px solid #ffac13 ;
	}
	.aisf li:nth-child(3){
		border-top: 1px solid #83c44e;
	}
	.aisf li:nth-child(4){
		    border-top: 1px solid #2196f3;
	}
	
	/*.游戏笔记本*/
	
	.game{
		width: 100%;
		margin-bottom: 30px;
	}
	.game-top{
		width: 1243px;
		margin: auto;
	}
	.game-a{
		overflow: hidden;
		padding-bottom: 20px;
	}
	.titel{
		font-size: 23px;
		float: left;
		margin-bottom: 0;
		line-height: 35px;
	}
	.game-b{
		/*width: 400px;*/
		float: right;
		overflow: hidden;
	}
	.game-b ul li{
		float: left;
		margin-left: 38px;
		line-height: 35px;
		
	}
	
	.game-b ul li a{
		color: #000;
		transition: 1s;
	}
	.game-b ul li:last-child{
		border-bottom:0;
		
	}
	.game-b ul li:last-child i{
		font-size: 14px;
		padding: 2px;
		color: #fff;
		background: #666;
		border-radius:50% ;
		transition: 1s;	
	}
	.game-b ul li:last-child a:hover{
		color: #00EEF3;
		text-decoration: none;
	}
	.game-b ul li:last-child a:hover i{
		background: #00EEF3;
	}
	.game-b ul li:hover a{
		text-decoration: none;
		color: #00EEF3;
		transition: 1s;
	
	}
	.none{
		display: none!important;
	}
	.game-b ul li:hover{
		border-bottom:2px solid #00EEF3;
	}
	.game-b ul li{
		color: #00EEF3;
	}
	.xian{
		border-bottom:2px solid #00EEF3;
	}
	/*.game-b ul li:nth-child(2):hover{
		border-bottom:2px solid #00EEF3 ;
		color: #00EEF3;
	}
	.game-b ul li:nth-child(3):hover{
		border-bottom:2px solid #00EEF3 ;
		color: #00EEF3;
	}
	.game-b ul li:nth-child(4):hover{
		border-bottom:2px solid #00EEF3 ;
		color: #00EEF3;
	}
	.game-b ul li:nth-child(5):hover{
		border-bottom:2px solid #00EEF3 ;
		color: #00EEF3;
	}*/
	
	.game-b ul li:first-child a{
		color: #00EEF3;
		
	}
	.game-b ul li:last-child{
		border: 0;
	}
	
	.game-c{
		overflow: hidden;
	}
	.game-c-left{
		float: left;
		width: 40%;
	}
	.game-c-rigth{
		float: right;
		width: 60%;
	}
	
	
	.c-rigth{
		text-align: center;
		overflow: hidden;
		margin-bottom: 0 !important;
	}
	.c-rigth li img{
		width: 160px;
		height: 160px;
	}
	.c-rigth li{
		margin-left: 32px;
		height: 296px;
		overflow: hidden;
		position: relative;
	}
	.c-rigth li:nth-child(4){
		margin-top: 24px;
	}
	.c-rigth li:nth-child(5){
		margin-top: 24px;
	}
	.c-rigth li:last-child{
		margin-top: 24px;
	}
	.c-rigth li p{
		font-size: 13px;
		color: #b0b0b0;
		margin-bottom: 10px !important;
	}
	.c-rigth li p a{
		color: #8c8c8c;
	}
	.c-rigth li p a:hover{
		color: #00EEF3;
		text-decoration: none;
	}
	.c-rigth li img{
		margin-bottom: 25px;
	}
	.zhyg{
		color: #00EEF3;
	}
	
	.zhyg:hover{
		text-decoration: none;
		color: #00EEF3;
	}
	
	.c-rigth li{
		float: left;
	}
	
	.c-rigth li:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	}
	
	
	
	
	/*GTX1050Ti*/
	
	.c-rigth2{
		text-align: center;
		overflow: hidden;
		display: none;
		margin-bottom: 0 !important;
	}
	.c-rigth2 li img{
		width: 160px;
		height: 160px;
	}
	.c-rigth2 li{
		margin-left: 32px;
		height: 296px;
		overflow: hidden;
		position: relative;
	}
	.c-rigth2 li:nth-child(4){
		margin-top: 24px;
	}
	.c-rigth2 li:nth-child(5){
		margin-top: 24px;
	}
	.c-rigth2 li:last-child{
		margin-top: 24px;
	}
	.c-rigth2 li p{
		font-size: 13px;
		color: #b0b0b0;
		margin-bottom: 10px !important;
	}
	.c-rigth2 li p a{
		color: #8c8c8c;
	}
	.c-rigth2 li p a:hover{
		color: #00EEF3;
		text-decoration: none;
	}
	.c-rigth2 li img{
		margin-bottom: 25px;
	}
	.zhyg{
		color: #00EEF3;
	}
	
	.zhyg:hover{
		text-decoration: none;
		color: #00EEF3;
	}
	
	.c-rigth2 li{
		float: left;
	}
	
	.c-rigth2 li:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);;
	}
	
	
	
	/*倒计时*/
	
	.aisf li:first-child img{
		width: 34px;
		height: 53px;
	}
	.aisf{
		margin-bottom: 0 !important;
	}
	 .zdjs p {
      font-size: 14px;
      text-align: center;
      color: #666;
      padding: 10px;
    }
   .zdjs p span {
      color: #666;
      padding: 10px;
      font-size: 28px;
    }
   .zdjs p span.time {
      color: black
    }
   .zdjs h6{
    	color: red;
    	font-size: 20px;
    	text-align: center;
    	padding: 10px;
    }
	.zdjs{
		padding: 20px 57px 40px 57px;
	}
	.zdjs p b{
		font-size: 25px;
	}
	.aisf li:first-child{
		position: relative;
	}
	
	.yjx{
		transition: 0.8s;
	}
	.very{
		width: 214px;
		height: 80px;
		background: #00EEF3;
		position: absolute;
		bottom: -80px;
		left: 0;
		transition: 0.2s;
		z-index: 1111;
		padding: 0 10px;
	}
	.very:nth-child(2){
		width: 214px;
		height: 80px;
		background: #00EEF3;
		position: absolute;
		bottom: -80px;
		transition: 0.2s;
		z-index: 1111;
	}
	.c-rigth li:hover .very{
		bottom:0;
	}
	.very{
		cursor: pointer;
	}
	.very p{
		color: #000 !important;
		cursor: pointer;
		/*display: none;*/
		font-size: 12px !important;
	}
	.very p:first-child{
		margin-top: 10px;
	}
	.very p:hover{
		color: #000;
	}
	

	.desktop{
		width: 100%;
		overflow: hidden;
	}
	
	.desktop-a{
		width: 1243px;
		margin: auto;
		overflow: hidden;
	}
	
	
	.desktop-b{
		overflow: hidden;
	}
	.desktop-b ul{
		float: right;
		overflow: hidden;
	}
	.desktop-b ul li{
		float: left;
		line-height: 40px;
		margin-right: 25px;
		
	}
	.desktop-b ul li a{
		color: #000;
		 transition: .2s;
	}
	.desktop-b ul li a:hover{
		text-decoration: none;
	}
	.desktop-b ul li:hover a{
		color: #00EEF3;
	}
	.desktop-b ul li:first-child a{
		color: #00EEF3;
	}
	.qb:hover a{
		text-decoration: none;
	}
	.qb i{
		    font-size: 14px;
		    padding: 2px;
		    color: #fff;
		    background: #666;
		    border-radius: 50%;
		    transition: 1s;
	}
	.qb:hover i{
		background: #00EEF3;
	}
	
	.desktop-c{
		width: 1246px;
		overflow: hidden;
		margin: auto;
		margin-top: 10px;
	}
	.desktop-left{
		width: 40%;
		float: left;
	}
	.desktop-left img:first-child{
		margin-bottom: 20px;
	}
	
	.desktop-right{
		width: 60%;
		float: right;
	}
	

	/*<!--增值服务-->*/
	
	
	.added{
		width: 100%;
	}
	.added-a{
		width: 1246px;
		margin: auto;
		overflow: hidden;
		margin-bottom: 50px;
	}
	.added-a span{
		float: right;
		font-size: 20px;
		font-weight: bold;
		border: 1px solid #000000;
		padding: 0 15px;
		cursor: pointer;
		transition: 1s;
	}
	.added-a span:hover{
		border: 1px solid #00EEF3;
		background: #00EEF3;
		color: #fff;
	}
	.added-b{
		width: 1246px;
		height: 281px;
		margin: auto;
		overflow: hidden;
		position: relative;
	}
	
	.added-b ul{
		width:1719px ;
		height: 281px;
		text-align: center;
		position: absolute;
		left: 0px;
	}
	.added-b ul li{
		float: left;
		padding: 20px 40px;
		
		overflow: hidden;
	}
	.added-b ul li:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	}
	.added-b ul li img{
		width: 160px;
		height: 160px;
	}
	.added-b ul li h3 a{
		font-size: 13px;
		color: #8C8C8C;
		transition: 1s;
	}
	.added-b ul li p{
		color: #00EEF3;
	}
	.added-b ul li h3 a:hover{
		color: #00EEF3;
		text-decoration: none;
	}
	
	
	
	/*<!--热评产品-->*/
	
	.review{
		width: 100%;
	}
	
	.review-a{
		width: 1246px;
		margin: auto;
	}
	.info{
		overflow: hidden;
	}
	
	
	.info-h3{
		font-size: 15px;
		font-weight: 100;
		float: left;
	}
	.info span{
		float: left;
		font-size: 12px;
		padding: 0 10px;
		color: #B0B0B0;
	}
	.info p{
		float: left;
		color: #00EEF3;
		font-size: 15px;
	}
	
	.tite2 {
	    font-size: 23px;
	    margin-bottom: 0;
	    line-height: 35px;
}
	.lsm{
		color: #b0b0b0;
		font-size: 13px;
	}
	.review-b ul{
		overflow: hidden;
	}
	.review-b ul li{
		float: left;
		padding: 5px 35px;
		margin-left: 20px;
		text-align: center;
	}
	
	.review-b ul li img{
		margin-bottom: 10px;
		
	}
	
	.review p{
		margin-bottom: 30px !important;
		text-align: left;
	}
	.review p:nth-child(2){
		font-size: 14px;
	}
	
	
	.review-b ul li:hover{
	   
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);	
	
	}
	
	
	
	/*粉丝聚会*/
	.review-c{
		overflow: hidden;
	}
	.fsjh span {
		    float: right;
		    font-size: 20px;
		    font-weight: bold;
		    border: 1px solid #000000;
		    padding: 0 15px;
		    cursor: pointer;
		    transition: 1s;
	}
	.fsjh span:hover{
		border:1px solid #00EEF3;
		background: #00EEF3;
		color: #fff;
	}
	.fsjh{
		height: 35px;

	}
	.tcjh img{
		width: 296px;
		height: 180px;
		cursor: pointer;
	}
	.tcjh{
		position: relative;
		height: 260px;
		
	}
	.lsfs{
		overflow: hidden;
		margin-top: 15px;
		width: 1870px;

		position: absolute;
		left: 0px;
	}
	.lsfs li p{
		text-align: center;
		margin-bottom: 0 !important;
		margin-top: 20px;
		cursor: pointer;
		transition: 1s;
	   color: #8c8c8c;
	}
	.lsfs li p:hover{
		color: #00EEF3;
	}
	.lsfs li{
		float: left;
		margin-left: 18px;

	}
	.lsfs li:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	}
	.lsfs li:first-child{
		margin-left: 0;
	}
	
	
	/*//品牌视频专区*/
	
	.brand{
		width: 100%;
		margin-top: 30px;
	}
	.brand-a{
		overflow: hidden;
		width: 1246px;
		margin: auto;
	}
	
	
	.ck{
		float: right;
	}
	.brand-b ul li{
		line-height: 5px;
	}
	.brand-b ul li a{
		color: #000000;
		transition: 1s;
	}
	.brand-b ul li i{
		    font-size: 14px;
		    padding: 2px;
		    color: #fff;
		    background: #666;
		    border-radius: 50%;
		    transition: 1s;
	}
	.brand-b ul li a:hover{
		text-decoration:none ;
		
	}
	.brand-b ul li:hover a{
		color: #00EEF3;
	}
	.brand-b ul li:hover i{
		background: #00EEF3;
	}
	.brand-bot{
		width: 1246px;
		margin: auto;
		
	}
	.brand-bot ul{
		overflow: hidden;
	}
	.brand-bot ul li{
		float: left;
		text-align: center;
		margin-left: 18px;
	}
	.brand-bot ul li img{
		width: 296px ;
		height: 180px;
		margin-bottom: 25px;
	}
	.brand-bot ul li p a{
		color: #fff;
	}
	.brand-bot ul li p a:hover{
		color: #00EEF3;
		text-decoration: none;
	}
	.brand-bot ul li p{
		color: #B0B0AA;
		font-size: 13px;
	}
	
	.brand-bot ul li:first-child{
		margin-left: 0;
	}
	.brand-bot ul li img{
		transition: 1s;

	}
	.brand-bot ul li:hover img{
		transform: scale(1.2);
	}
	
	.brand-bot ul li{
		overflow: hidden;
		
	}
	
	
	
	
	
	.brand-bot ul li:hover{
		box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	}
	.brand-bot ul li{
		position: relative;
	}
	.brand-bot ul li i{
		position: absolute;
		bottom: 168px;
		left: 119px;
		z-index: 99;
		color: #fff;
		padding: 5px  20px;
		border: 2px solid #fff;
		background: #000;
    	opacity: .7;
    	border-radius:10px ;
    	cursor: pointer;
    	transition: .3s;
	}
	.brand-bot ul li i:hover{
		border: 2px solid #00EEF3;
		background: #00EEF3;
		color: #000;
		opacity: 1;
	}
	
	/*.brand-bot ul li video{
		position: absolute;
		top: -100px;
		z-index: 100;
	}*/
	
	
	body{
		position: relative;
	}
	.ycsp{
		width: 881px;
		height: 495px;
		margin: auto;
		position: absolute;
		bottom: 350px;
		left: 222px;
		z-index: 101;
		display: none;
	}
	body{
		position: relative;
	}
	.ycsp2{
		width: 881px;
		height: 495px;
		margin: auto;
		position: absolute;
		bottom: 350px;
		left: 222px;
		z-index: 101;
		display: none;
	}
	
	.ycsp3{
		width: 870px;
		height: 350px;
		margin: auto;
		position: absolute;
		bottom: 350px;
		left: 222px;
		z-index: 101;
		display: none;
	}
	
	.ycsp4{
		width: 881px;
		height: 495px;
		margin: auto;
		position: absolute;
		bottom: 350px;
		left: 222px;
		z-index: 101;
		display: none;
	}
	
	.footer{
	width: 100%;
	background: #272727;
}
.footer-a{
	width: 1246px ;
	margin: auto;
}
.footer-a ul{
	overflow: hidden;
	margin-bottom: 0;
	border-bottom:1px solid #373737 ;
	padding: 25px 0;
}
.footer-a ul li{
	float: left;
	padding: 0px 60px;
	border-right:1px solid #373737 ;
	
}
.footer-a ul li a{
	color: #999;
}
.footer-a ul li a:hover{
	text-decoration: none;
	color: #00eef3;
}
.footer-a ul li:last-child{
	border: none;
}
.footer-b{
	width: 1246px;
	margin: auto;

}
.footer-b{
	overflow: hidden;
	padding: 40px 0;
}
.footer-b dl{
	float: left;
	/*margin-left: 30px;*/
	padding-right: 45px;
	margin-bottom: 0 !important;
}
.footer-b dl:first-child{
	margin-left:0 ;
}
.footer-b dl dt{
	color: #999;
	font-size: 15px;
	margin-bottom: 10px;
}
.footer-b dl dd{
	margin-bottom: 2px !important;
}
.footer-b dl dd a{
	color: #999;
	font-size: 12px;
}
.footer-b dl dd a:hover{
	text-decoration: none;
	color: #00EEF3;
}
.footer-b dl p{
	color: #999;
}
.ioio{
	padding-right: 0 !important;
}
.contact{
	padding-right: 0 !important;
}

.contact{
	padding: 0 35px;
	text-align: center;
	margin-left: 15px;
	border-left: 1px solid #fff;
}
.contact p{
	margin-bottom: 0 !important;
}
.contact i{
	color: #00EEF3;
	font-size: 12px;
	transition: 1s;
	
}
.contact a{
	color: #00EEF3;
	border: 1px solid #00EEF3;
	padding: 5px 20px;
	transition: 1s;
	
}
.contact a:hover{
	text-decoration: none;
	color: #000;
	background: #00EEF3;
	
}

.contact a:hover i{
	color: #000;
}
.contact p:nth-child(4){
	margin-bottom: 15px !important;
}

.footer-c{
	width: 100%;
	background: #141414;
	padding: 20px 0;
}
.footer-d{
	width: 1246px;
	margin: auto;
	overflow: hidden;
}
.footer-left{
	float: left;
}

	
.footer-left p a{
	color: #999;
	font-size: 12px;
}
.footer-left p a:hover{
	color: #00eef3;
	text-decoration: none;
}	
.footer-left p span{
	color: #999;
	padding-left:5px ;
	font-size: 13px;
}	
.footer-left p{
	margin-bottom: 0px !important;
}
.leishen{
	color: #999;
	font-size: 12px;
}	
	
.footer-right{
	float: right;
	overflow: hidden;
}		

.footer-right img{
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	cursor: pointer;
}
	
.footer-right img:last-child{
	width: 91px;
	height: 27px;
}
	
	
	
	
	/*16.6电竞*/
	/*16.6电竞*/
	/*16.6电竞*/
	/*16.6电竞*/
	
	.competition{
		width: 100%;
		padding: 10px;
	}
	
	.competition-a{
		width: 1246px;
		margin: auto;
	}
	.competition-a a{
		font-size: 13px;
		color: #757575;
	}
	.competition-a code{
		color: #999;
	}
	.competition-a a:hover{
		text-decoration: none;
		color: #424242;
	}
	
	
	
	
	.volume{
		width: 100%;
	}
	
	.volume-a{
		width: 1246px;
		margin: auto;
		overflow: hidden;
	}
	.ul-a{
		float: left;
		overflow: hidden;
	}
	.ul-a li{
		float: left;
	}
	.ul-a li a{
		color: #000;
		
	}
	
	.ul-a li a:hover{
		text-decoration: none;
	}
	.ul-a li:first-child a{
		color: #00eef3;
		padding-left: 0;
		padding-right: 30px;
		border-right:1px solid #ededed ;
	}
	.ul-a li:nth-child(2) a{
		padding: 0 30px;
		border-right:1px solid #ededed;
	}
	.ul-a li:last-child a{
		padding-left: 30px;
	}
	.ul-b{
		float: right;
		overflow: hidden;
	}
	
	.ul-b li{
		color: #999;
		float: left;
		margin-right: 20px;
	}
	
	
	.computer{
		width: 100%;
	}
	.computer-a{
		width: 1246px;
		margin: auto;
	}
	
	.ul-cc a img{
		width: 34px;
		height: 34px;
		border: 1px solid #00eef3;
	}
	
	.titi{
		font-size: 14px;
	}
	.p-one{
		font-size: 13px;
		color: #999;
	}
	.p-two{
		font-size: 14px;
	}
	.ul-cc{
		overflow: hidden;
		text-align: center;
	}
	.ul-cc li{
		float: left;
		margin-left: 10px;
		padding: 50px 0px;
		margin-top: 10px;
		transition: .5s;
	}
	.ul-cc li:hover{
		    box-shadow: 0px 10px 21px 2px #888
		    
	}
	.ul-cc{
		position: relative;
	}
	#czc{
		position: absolute;
		top: 50px;
		left: 50px;
	}
	.sc1{
		position: absolute;
		top: 47px;
		left: 75px;
		display: none;
		font-size: 14px;
	}
	#czc{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc{
		display: block;
	}
	
	
	
	
	
	
	
	
	
	
	#czc2{
		position: absolute;
		top: 50px;
		left: 255px;
	}
	.sc2{
		position: absolute;
		top: 47px;
		left: 215px;
		display: none;
		font-size: 14px;
	}
	#czc2{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc2{
		display: block;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*2*/
	
	
	.ul-cc{
		position: relative;
	}
	#czc3{
		position: absolute;
		top: 50px;
		left: 350px;
	}
	.sc3{
		position: absolute;
		top: 47px;
		left: 375px;
		display: none;
		font-size: 14px;
	}
	#czc3{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc3{
		display: block;
	}
	
	
	
	
	
	
	#czc4{
		position: absolute;
		top: 50px;
		left: 555px;
	}
	.sc4{
		position: absolute;
		top: 47px;
		left: 515px;
		display: none;
		font-size: 14px;
	}
	#czc4{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc4{
		display: block;
	}
	
	
	
	
	/*3*/
	
	
	.ul-cc{
		position: relative;
	}
	#czc5{
		position: absolute;
		top: 50px;
		left: 650px;
	}
	.sc5{
		position: absolute;
		top: 47px;
		left: 675px;
		display: none;
		font-size: 14px;
	}
	#czc5{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc5{
		display: block;
	}
	
	
	
	
	
	
	#czc6{
		position: absolute;
		top: 50px;
		left: 855px;
	}
	.sc6{
		position: absolute;
		top: 47px;
		left: 815px;
		display: none;
		font-size: 14px;
	}
	#czc6{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc6{
		display: block;
	}
	
	
	/*4*/
	
	
	.ul-cc{
		position: relative;
	}
	#czc7{
		position: absolute;
		top: 50px;
		left: 950px;
	}
	.sc7{
		position: absolute;
		top: 47px;
		left: 975px;
		display: none;
		font-size: 14px;
	}
	#czc7{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc7{
		display: block;
	}
	
	
	
	
	
	
	#czc8{
		position: absolute;
		top: 50px;
		left: 1155px;
	}
	.sc8{
		position: absolute;
		top: 47px;
		left: 1115px;
		display: none;
		font-size: 14px;
	}
	#czc8{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc8{
		display: block;
	}
	
	
	
	/*5*/
	
	
	.ul-cc{
		position: relative;
	}
	#czc9{
		position: absolute;
		top: 500px;
		left: 50px;
	}
	.sc9{
		position: absolute;
		top: 496px;
		left: 75px;
		display: none;
		font-size: 14px;
	}
	#czc9{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc9{
		display: block;
	}
	
	
	
	
	
	
	
	
	
	
	#czc10{
		position: absolute;
		top: 500px;
		left: 255px;
	}
	.sc10{
		position: absolute;
		top: 498px;
		left: 215px;
		display: none;
		font-size: 14px;
	}
	#czc10{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc10{
		display: block;
	}
	
	
	
	/*6*/
	
	
	
	.ul-cc{
		position: relative;
	}
	#czc11{
		position: absolute;
		top: 500px;
		left: 350px;
	}
	.sc11{
		position: absolute;
		top: 496px;
		left: 375px;
		display: none;
		font-size: 14px;
	}
	#czc11{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc11{
		display: block;
	}
	
	
	
	
	
	
	#czc12{
		position: absolute;
		top: 500px;
		left: 555px;
	}
	.sc12{
		position: absolute;
		top: 498px;
		left: 515px;
		display: none;
		font-size: 14px;
	}
	#czc12{
		cursor: pointer;
		display: none;
	}
	
	.ul-cc li:hover #czc12{
		display: block;
	}
	
	
	
	
	
	
	
	
	
	
	
@media (max-width:600px ) {

	.header-a{
		width: 100%;
	}
	
	.navbar{
		width: 100%;
	}
	.header-d{
		width: 50%;
		float: none;
		display: none;
	}
	.header-c{
		width: 100%;
		float: none;
		display: none;
	}
	.header-e{
		width: 100%;
		float: none;
	}
	.navbar-brand img{
		width: 77%;
	}
	.navbar{
		padding: 0 !important;
	}
	.inp{
		width: 200px;
		margin-left: 30px;
	}
	.nav-link img{
		margin-left:25px ;
	}
	.pro{
		display: none;
	}
	.classification-a{
		width: 100% !important;
	}
	.classification-b{
		float: none;
	}
	.classification-c{
		float: none;
	}
	.cpu li{
		/*float: none;*/
	}
	.cpu li {
    float: left;
    margin:0 10px;
}
	.swiper-button-prev{
		display: none;
	}
	.swiper-button-next{
		display: none;
	}
	.swiper-container{
		width: 100%;
		height:150px;
	}
	.swiper-slide{
		
		background-size:200% 100% !important;
	}
	 .swiper-slide {
        background-position: 65% 0px!important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        
    }
    .shadow-one{
    	display: none;
    }
    .journalism-top{
    	width: 100%;
    }
    .journalism-a{
     	width: 100%;
    }
    .journalism-b{
    	margin-left: 2px;
    }
    .journalism-a ul li {
	    margin-left: -3px;
	
	}
	.journalism-a ul li:first-child{
		border: 0;
	}
	.journalism-a ul li:nth-child(2){
		border: 0;
	}
	.journalism-a ul li:nth-child(3){
		border: 0;
	}
	.journalism-a ul li:last-child{
		border: 0;
	}
	.swiper-button-next{
		display: none;
	}
	.swiper-button-prev{
		display: none;
	}
	.journalism-b img{
		margin-right:0 ;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.journalism-c{
		padding: 4px 33px 4px 15px;
	}
	.spike-top{
		width: 100%;
	}

	.aisf li{
		margin-right: 0;
		float: none;
	}
	.spike{
		margin-bottom: 20px;
	}
	.game-top{
		width: 100%;
	}
	.game-a{
		width: 100%;
	}
	.game-c{
		width: 100%;
	}
	.desktop-a{
		width: 100%;
	}
	.desktop-b{
		width: 100%;
	}
	.desktop-c{
		width: 100%;
	}
	.game-c-left{
		float: none;
    	width: 100%;
	}
	.game-c-rigth {
    	float: right;
   		width: 100%;
   	}
   	.game-c-left img{
   		display: none;
   	}
   .game-b ul li {
    	margin-left: 21px;
    }
    .c-rigth li{
    	margin-left: 0;
    	float: none;
    }
    .desktop-a ul li{
    	margin-right: 0;
    	padding: 15px;
    }
    
    .desktop-right{
    	width: 100%;
    	float: none;
    }
    .desktop-left img{
    	display: none;
    }
    .desktop-left{
    	width: 100%;
    	float: none;
    }
    .added-a{
    	width: 100%;
    }
    .added-b{
    	width: 100%;
    }
    .added-b ul li{
    	padding: 20px 70px;
    }
    .review-a{
    	width: 100%;
    }
    .review-b{
    	width: 100%;
    }
    .tcjh img{
    	height: ;
    }
    .lsfs{
    	width: 2000px;
    }
    .lsfs li{
    	margin-left: 22px;
    }
    .lsfs li:first-child{
    	margin-left: 10px;
    }
    .brand-a{
    	width: 100%;
    }
    .brand-bot{
    	width: 100%;
    }
    .brand-bot ul{
    	width: 100%;
    }
    .brand-bot ul li{
    	float: none;
    	margin-left: 0;
    }
    .brand-bot ul li i{
    	position: absolute;
		bottom: 150px;
		left: 130px;
    }
    .footer-a{
    	width: 100%;
    }
    .footer-a ul li{
    	float: none;
    	margin-bottom: 20px;
    }
    .footer-b{
    	width: 100%;
    }
    .footer-b dl{
    	padding-right:0;
    	padding: 10px;
    }
    .contact{
    	border: 0;
    	margin-left: 50px;
    }
    .footer-d{
    	width: 100%;
    }
    .footer-d p{
    	padding: 15px;
    }
}


.ul-cc li:last-child{
	margin-bottom: 20px;
}

.ul-cc li:nth-child(5){
	margin-bottom: 20px;
}




.swpnav{
	width: 100%;
	margin-top: 30px;
}
.swpnav-a{
	width: 1246px ;
	margin: auto;
}
.swpnav-b{
	width: 1246px;
	margin: auto;
	overflow: hidden;
}
.htwo{
	height: 50px;
	text-align: center;
	border-top: 1px solid #999;
	position: relative;
}
.htwo span{
	padding: 0px 150px 0px 150px;
	background: #fff;
	position: absolute;
	top: -23px;
	left: 410px;
}
.lsnav{
	text-align: center;
	overflow: hidden;
	width: 1600px;
}
.lsnav li{
	float: left;
	padding: 0 25px;
}
.lsnav li a{
	color: #000;
	font-size: 15px;
}
.lsnav li p{
	color: #00bcbf;
}
.lsnav li a:hover{
	text-decoration: none;
	color: #000;
}
.swpnav-b{
	position: relative;
	height: 280px;
}
.lsnav{
	position: absolute;
	left: 0px;
}
.xdd{
	width: 100%;
	margin: auto;
	overflow: hidden;
	text-align: center;
	padding: 30px 0;
}
.xdd span:first-child i{
	margin-right: 15px;
}
.xdd span:last-child i{
	margin-left: 15px;
}
.xdd span i{
	color: #000;
	cursor: pointer;
	transition: 1s;
}

#xdd1:hover{
	color: #00eef3;
}
#xdd2:hover{
	color: #00eef3;
}





/*回顶部*/

.hdb1{
	width: 50px;
	height: 50px;
	background: #757575;
	transition: 1s;
	cursor: pointer;
	border-radius: 10px;
}
.hdb1:hover{
	background: #00EEF3;
	
}
.hdb1 span{
	display: none;
	position: absolute;
	top: 4px;
	left: 4px;
}
.hdb1{
	position: relative;
}
.hdb1 i{
	position: absolute;
	top: 4px;
	left: 4px;
}
.hdb1:hover i{
	display: none;
}
.hdb1:hover span{
	display: block;
}

body{
	position: relative;
}
.hdb1{
	position: fixed;
	bottom:100px;
	right: 20px; 
	z-index: 1200;
}


.hdb1{
	display: none;
}


@media (max-width:600px ) {
	.computer-a{
		width: 100%;
	}
	.ul-cc li{
		float: none;
	}
	.ul-a li:first-child a{
		margin-left: 12px;
	}
	.swpnav-a{
		width: 100%;
		display: none;
	}
	.swpnav-b{
		width: 100%;
	}
	.htwo{
		border: 0px;
		
	}
	.lsnav{
		width: 2000px;
	}
	.volume-a{
		width: 100%;
	}
	.competition-a{
		width: 100%;
	}
	.ul-b{
		float: left;
	}
	.ul-b li{
		margin-left: 12px;
	}
	.lsnav li{
		padding: 0 87px;
	}
	/*.jsl{
		padding-left: 100px;
	}*/
	.lsnav li{
		padding-right:135px;
	}
	
	.titel{
		margin-left: 20px;
	}
	.tite2{
		margin-left: 20px;
	}
	.ck{
		margin-right: 13px;
	}
	.info{
		width: 120%;
	}
	.you{
		margin-right: 13px;
	}
	.qaq{
		margin-right: 13px;	
	}
	.classification-b{
		display: none;
	}
	.swiper-pagination-bullet{
		width: 8px !important;
		height: 8px !important;
		border-radius: 50% !important;
	}
	.footer-b{
		display: none;
	}
}
.gbsp{
	padding: 10px 101px 10px 0;
	background: #00EEF3;
	border-radius:1px ;
	margin-left: 2px;
}
.gbsp span:first-child{
	padding:8px;
	padding-right:676px;
	font-size: 20px;
}
.gbsp span:last-child{
	padding-right: 50px;
	font-size: 30px;
	cursor: pointer;
	transition: 1s;
}
.gbsp span:last-child:hover{
	color: red;
}

.swiper-button-next{
	background: #000;
	opacity: .5;
	border-radius:5px ;
	transition: 1s !important;
	display: none;
	
	
}
.swiper-button-prev{
	background: #000;
	opacity: .5;
	border-radius:5px ;
	transition: 1s !important;
	display: none;
	
}
.swiper-container:hover .swiper-button-prev{
	display: block;
	transition: 1s;
}
.swiper-container:hover .swiper-button-next{
	display: block;
	transition: 1s;
}